html,
body {
  width: 100%;
}
.header {
  height: 1.17333333rem;
  display: flex;
  align-items: center;
  color: #CCC;
}
.header .left {
  width: 25%;
  text-align: center;
}
.header .left span {
  padding-left: 0.13333333rem;
}
.header .center {
  width: 70%;
}
.header .right {
  width: 10%;
}
.set {
  padding-top: 0.53333333rem;
  padding-left: 0.58666667rem;
}
.set .p1 {
  width: 80%;
  font-size: 0.34666667rem;
  color: #dd3333;
  font-weight: 600;
}
.set .p2 {
  width: 80%;
  padding-top: 0.93333333rem;
  font-size: 0.42666667rem;
  font-weight: 700;
}
.set .p3 {
  padding-top: 0.33333333rem;
  font-size: 0.42666667rem;
  font-weight: 700;
}
.img img {
  width: 100%;
}
.imgs {
  margin-top: 2rem;
}
.imgs img {
  width: 100%;
}
.footer {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  height: 1.17333333rem;
  background: #FFF;
  display: flex;
  align-items: center;
}
.footer .ipt {
  height: 60%;
  border-left: 5px solid #dd3333;
  margin-left: 0.26666667rem;
}
.footer .ipt input {
  height: 100%;
  border: 0;
  margin-left: 0.13333333rem;
  font-size: 0.34666667rem;
}
.footer .list {
  color: #ccc;
  display: flex;
  align-items: center;
  width: 60%;
}
.footer .list li {
  width: 33%;
  text-align: center;
}
